草庐IT

ionic 浮动框

全部标签

ionic select

ionicselectionicselect的select相比原生的要更加美观些。但是弹出的可选选项样式是浏览器默认的。每个平台上的可选项样式都是不一样的,在PC电脑的浏览器上,你会看到传统的下拉界面,Android上会弹出单选按钮选项,iOS有个滚轮操作界面。实例LightsaberBlueGreenRedFighterARC-170A-wingDelta-7NabooN-1TIEX-wingY-wingDroid2-1BB1C-3POIG-88IT-OR2-D2PlanetAlderaanDagobahFeluciaGeonosisHothKaminoMygeetoNabooTataoui

ionic select

ionicselectionicselect的select相比原生的要更加美观些。但是弹出的可选选项样式是浏览器默认的。每个平台上的可选项样式都是不一样的,在PC电脑的浏览器上,你会看到传统的下拉界面,Android上会弹出单选按钮选项,iOS有个滚轮操作界面。实例LightsaberBlueGreenRedFighterARC-170A-wingDelta-7NabooN-1TIEX-wingY-wingDroid2-1BB1C-3POIG-88IT-OR2-D2PlanetAlderaanDagobahFeluciaGeonosisHothKaminoMygeetoNabooTataoui

ionic Range

ionicRangeionicRange是一个滑块控件,ionic为Range提供了很多种默认的样式。而且你可以在许多种元素里使用它比如列表或者Card。实例RangesInAList尝试一下»运行效果如下:

ionic Range

ionicRangeionicRange是一个滑块控件,ionic为Range提供了很多种默认的样式。而且你可以在许多种元素里使用它比如列表或者Card。实例RangesInAList尝试一下»运行效果如下:

ionic 单选框

ionic单选框ionic单选按钮与标准type="radio"的input元素类似。以下展示了现代app类型的单选按钮。每个item-radio中的type="radio"的input元素的name属性都相同。radio-icon类用于是否显示图标。ionic在单选项中使用了元素,使其更易点击。实例divclass="list">labelclass="itemitem-radio">inputtype="radio"name="group"value="go"checked="checked">divclass="radio-content">divclass="item-content"

ionic 单选框

ionic单选框ionic单选按钮与标准type="radio"的input元素类似。以下展示了现代app类型的单选按钮。每个item-radio中的type="radio"的input元素的name属性都相同。radio-icon类用于是否显示图标。ionic在单选项中使用了元素,使其更易点击。实例divclass="list">labelclass="itemitem-radio">inputtype="radio"name="group"value="go"checked="checked">divclass="radio-content">divclass="item-content"

ionic Toggle(切换开关)

ionicToggle(切换开关)切换开关类似与HTML的checkbox标签,但它更易于在移动设备上使用。切换开关可以使用toggle-assertive来指定颜色。该实例有是多个切换开关列表。注意,每个选项的item类后需要添加item-toggle类。HTML5...尝试一下»运行效果如下:

ionic Toggle(切换开关)

ionicToggle(切换开关)切换开关类似与HTML的checkbox标签,但它更易于在移动设备上使用。切换开关可以使用toggle-assertive来指定颜色。该实例有是多个切换开关列表。注意,每个选项的item类后需要添加item-toggle类。HTML5...尝试一下»运行效果如下:

ionic 表单和输入框

ionic表单和输入框list类同样可以用于input元素。item-input和item类指定了文本框及其标签。输入框属性:placeholder以下实例中,默认为100%宽度(左右两侧没有边框),并使用placeholder属性设置输入字段预期值的提示信息。尝试一下»输入框属性:input-label使用input-label将标签放置于输入框input的左侧。用户名:密码:尝试一下»堆叠标签堆叠标签通常位于输入框的头部。每个选项使用item-stacked-label类指定。每个输入框需要指定input-label。以下实例也使用了placeholder属性来设置信息输入提示。First

ionic 表单和输入框

ionic表单和输入框list类同样可以用于input元素。item-input和item类指定了文本框及其标签。输入框属性:placeholder以下实例中,默认为100%宽度(左右两侧没有边框),并使用placeholder属性设置输入字段预期值的提示信息。尝试一下»输入框属性:input-label使用input-label将标签放置于输入框input的左侧。用户名:密码:尝试一下»堆叠标签堆叠标签通常位于输入框的头部。每个选项使用item-stacked-label类指定。每个输入框需要指定input-label。以下实例也使用了placeholder属性来设置信息输入提示。First